<template>
    <div>
        <div class="mui-numbox">
					<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
					<input class="mui-input-numbox" type="number" :value="incont" ref="numcenter" @change="getchange"/>
					<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
				</div>
				
    </div>
</template>
<script>
export default {
    data() {
		return {
			
		}
	},
	mounted() {
		mui('.mui-numbox').numbox();
	},
	methods: {
		getchange(){
			this.$emit('getnum',parseInt(this.$refs.numcenter.value));
			this.$store.commit('upcar',{id:this.ids,coent:this.$refs.numcenter.value})
		},
	

	},
	props:['mse','incont','ids'],
		watch: {
			'mse':function(newValue,oldValue){
				mui('.mui-numbox').numbox().setOption('max',newValue)
			}
		},

}
</script>
<style lang="scss" scoped>

</style>
